<div data-role='page grid' data-grid-rows="<%$($.self.utils.fusionStatusBar()?'20,':'')%>45,*,55" data-grid-cols="*">
	<%$($.self.utils.fusionStatusBarSpace(20))%>
	<%
		var catList = this.catList;
	%>
        <div class='ui-header' data-role="cell">
            <div class='ui-title'>你需要找什么项目</div>
            <div class='ui-bar-right'><i class="ui-icon-18 ui-icon-18-search"></i></div>
        </div>
        <div class="ui-content" data-role="cell scroll">
            <ul class="ui-project-category-list">
            		<% $.each(catList,function(i,item){ %>
            		<li data-event="click>viewCat:<%=item.categoryCode%>">
            			<div>
            				<i class	="ui-icon-project ui-icon-juxing"></i>
            				<p><%=item.categoryName%></p>
            			</div>
            			<div class="ui-sec-title">
            				<p>产品包装 名片设计</p>
            			</div>
            		</li>
            		<% }) %>
            </ul>
        </div>
        <div class='ui-footer' data-role="cell">
            <link id='nav' data-role='view' data-view="../views/nav" />
        </div>
</div>
